<div class="login-modal" id="loginModal">
	<div class="login-content">
		<div class="login-logo">
			<img src="/static/images/logo.png" alt="艾七游戏">
		</div>
		<!-- 手机号登录表单 -->
		<div id="phoneLoginForm" style="display: none;">
			<div class="form-group">
				<i class="fa fa-mobile-alt prefix-icon"></i>
				<span class="country-code">中国(+86)</span>
				<div class="phone-select">
					<input type="tel" class="phone-select-input" placeholder="请输入手机号" id="phone" autocomplete="off" onfocus="loadCachedPhones()">
					<div class="phone-options" id="phoneOptions"></div>
				</div>
			</div>
			<!-- <div class="form-group captcha-group">
                <i class="fa fa-shield-alt prefix-icon"></i>
                <input type="text" placeholder="输入图片验证码" id="imageCaptcha">
                <img src="/captcha" class="captcha-img" onclick="refreshCaptcha()" alt="验证码">
            </div> -->
			<div class="form-group">
				<i class="fa fa-comment-dots prefix-icon"></i>
				<input type="text" placeholder="请输入短信验证码" id="smsCaptcha">
				<button class="suffix-btn" onclick="sendSmsCode()">获取验证码</button>
			</div>
			<button class="btn-login" onclick="login('phone')">登录</button>
			<div class="login-actions">
				<a href="#" onclick="showRegisterModal()">新用户注册</a>
				<a href="#" onclick="showForgotPassword()">忘记密码?</a>
			</div>
			<div class="other-login">
				<span class="other-login-text">其他登录方式</span>
			</div>
			<div class="email-login">
				<a href="#" class="email-login-btn" onclick="switchToAccountLogin()">
					<i class="fa fa-user"></i>
				</a>
			</div>
		</div>

		<!-- 账号登录表单 -->
		<div id="accountLoginForm" >
			<div class="form-group">
				<i class="fa fa-user prefix-icon"></i>
				<div class="account-select">
					<input type="text" class="account-select-input" placeholder="请输入账号" id="account" autocomplete="off" onfocus="loadCachedAccounts()">
					<div class="account-options" id="accountOptions"></div>
				</div>
			</div>
			<div class="form-group" role="form">
				<i class="fa fa-lock prefix-icon"></i>
				<input type="password" autocomplete="current-password" placeholder="请输入密码" id="password">
			</div>
			<button class="btn-login" onclick="login('account')">登录</button>
			<div class="login-actions">
				<a href="#" onclick="showRegisterModal()">新用户注册</a>
				<a href="#" onclick="showResetPasswordModal()">忘记密码?</a>
			</div>
			<div class="other-login">
				<span class="other-login-text">其他登录方式</span>
			</div>
			<div class="email-login">
				<a href="#" class="email-login-btn" onclick="switchToPhoneLogin()">
					<i class="fa fa-envelope"></i>
				</a>
			</div>
		</div>
	</div>
</div>
